<html>
 <head>
  <meta http-equiv="content-type" content="text/html" />
  <title>ALTAZ16 head_axes2</title>
  <style type="text/css">
   table, tr, td {
    margin: 0;
    padding: 0;
    text-align: center;
    font: 16px monospace;
    color: #EFEFEF;
   }
   #viewer {
    margin: 0;
    width: 100%;
    height: 50%;
   }
   input {
    font: bold 18px monospace;
    margin: 4px;
    padding: 4px;
    color: #EFEFEF;
    background-color: #808080;
    border: 1px solid #EFEFEF;
   }
   a {
    text-decoration: none;
    color: #EFEFEF;
   }
   a:active {
    color: #EFEFEF;
   }
   a:visited {
    color: #EFEFEF;
   }
   td.headline {
    height: auto;
   }
   td.sidebar {
    width: auto;
   }
  </style>
  <script type="text/javascript" src="/git/components/webgl/Three.js"><!--  --></script>
  <script type="text/javascript" src="/git/components/webgl/plane.js"><!--  --></script>
  <script type="text/javascript" src="/git/components/webgl/thingiview.js"><!--  --></script>
  <script type="text/javascript">
    /*
     */
    window.onload = function() {
      thingiurlbase = "/git/components/webgl/";
      thingiview = new Thingiview("viewer");
      thingiview.setObjectColor('#EFEFEF');
      thingiview.setBackgroundColor('#000000');

      thingiview.initScene();
      thingiview.loadSTL("/git/components/head_axes2.stl");
    }
    /*
     */
    var RotationState = true;

    function Rotation(){

        RotationState = (!RotationState);

        thingiview.setRotation(RotationState);
    }
    /*
     */
    var ZoomState = 0;

    function ZoomIn(){

        ZoomState += 1;

        thingiview.setCameraZoom(ZoomState);
    }
    function ZoomOut(){

        ZoomState -= 1;

        thingiview.setCameraZoom(ZoomState);
    }
    function ZoomClear(){

        ZoomState = 0;

        thingiview.setCameraZoom(ZoomState);
    }
    /*
     */
    var ViewState = true;

    function View(){

        ViewState = (!ViewState);

        if (ViewState)
          thingiview.setObjectMaterial('solid');
        else
          thingiview.setObjectMaterial('wireframe');
    }
    /*
     */
    var GridState = false;

    function Grid(){

        GridState = (!GridState);

        thingiview.setShowPlane(GridState);
    }
  </script>
 </head>
 <body bgcolor="#000">
   <table border="0" width="100%" height="200">
     <tr>
       <td class="sidebar" rowspan="2">
         <input onclick="ZoomIn();" type="button" value="In" /> <br />
         <input onclick="ZoomOut();" type="button" value="Out" /> <br />
         <input onclick="ZoomClear();" type="button" value="Clear" /> <br />
       </td>
       <td class="headline">head_axes2
       </td>
       <td class="sidebar" rowspan="2">
         <input onclick="Rotation();" type="button" value="Rotation" /> <br />
         <input onclick="View();" type="button" value="View" /> <br />
         <input onclick="Grid();" type="button" value="Grid" /> <br />
       </td>
     </tr>
     <tr>
       <td class="sidebar"></td>
       <td class="headline">
         <input onclick="thingiview.setCameraView('top');" type="button" value="Top" />
         <input onclick="thingiview.setCameraView('side');" type="button" value="Side" />
         <input onclick="thingiview.setCameraView('bottom');" type="button" value="Bottom" />
         <input onclick="thingiview.setCameraView('diagonal');" type="button" value="Diagonal" />
       </td>
       <td class="sidebar"></td>
     </tr>
   </table>

   <div id="viewer"></div>

   <table border="0" width="100%" height="200">
     <tr>
       <td colspan="3">
         <a href="head_block_mount.html">head_block_mount</a> &nbsp;&nbsp;
         <a href="head_block_shaft.html">head_block_shaft</a> &nbsp;&nbsp;
         <a href="head_block_support.html">head_block_support</a> &nbsp;&nbsp;
         <a href="head_internal.html">head_internal</a> &nbsp;&nbsp;
         <a href="head_vertical_axle.html">head_vertical_axle</a> &nbsp;&nbsp;
         <a href="head_axes1.html">head_axes1</a> &nbsp;&nbsp;
         <a href="head.html">head</a> &nbsp;&nbsp;
         <a href="mast_block_shaft.html">mast_block_shaft</a> &nbsp;&nbsp;
         <a href="mast_block_mount.html">mast_block_mount</a> &nbsp;&nbsp;
         <a href="mast_block_support.html">mast_block_support</a> &nbsp;&nbsp;
         <a href="mast_bearing_spacer.html">mast_bearing_spacer</a> &nbsp;&nbsp;
         <a href="mast_internal.html">mast_internal</a> &nbsp;&nbsp;
         <a href="mast_horizontal_axle.html">mast_horizontal_axle</a> &nbsp;&nbsp;
         <a href="mast_horizontal_axle_assembly.html">mast_horizontal_axle_assembly</a> &nbsp;&nbsp;
       </td>
     </tr>
 </body>
</html>
